<style lang="less" scoped>
.order-header {
  background-color: #ffffff;
  .detail-title {
    padding: 10px 0.2rem;
    border-bottom:1px solid #efefef;
  }
  .tag.org {
    color:#fff;
    background-color: #f0a800;
  }
  .prog-wrap {
    .custom {
      padding-left:0;
      .tag {
        position: unset;
      }
    }
  }
}
</style>



<template>
  <div class="order-header">
    <div class="detail-title cf">
      业务单号：{{data.BBillNo}}
      <span class="org f-r ft12">{{ (data.TLTransExcepRecord && data.TLTransExcepRecord.length > 0?'Err': data.State) | PoState}}</span>
    </div>
    <div class="detail-wrap mb30 prog-wrap">
      <p class="custom"><i class="tag">收</i>{{data.MedName || data.SaleCorpName }}</p>
      <p class="address"><i class="iconfont icon-address"></i>{{data.ArrivalProvince | province}}{{data.ArrivalCity | city}}{{data.ArrivalDistrict | district }}{{data.ArrivalAddress}}</p>
      <div class="displayflex detail-wrap-sale">
        <i class="iconfont icon-salesmen"></i>
        <div class="list-tag"><i class="name">{{data.SendContacts}}</i></div>
        <span class="flex1" v-if="data.SendContactsTel">{{data.SendContactsTel}}<a :href="'tel:' +  data.SendContactsTel " class="iconfont icon-phone org ml10"></a></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['data'],
  data () {
    return {
    }
  },
  created(){
  },
  mounted() {
    this.$nextTick(() => {
      this.$emit("on-render", document.getElementsByClassName('dt-head-fix')[0].offsetHeight);
    });
  },
  watch:{
  },
  methods:{
  }
}
</script>